<template>
  <div>
    <el-tabs v-model="activeTab" @tab-click="handleTabClick">
      <el-tab-pane label="移动端用户" name="mobile">
        <user-management-mobile />
      </el-tab-pane>
      <el-tab-pane label="系统用户" name="system">
        <user-management-system />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import UserManagementMobile from './UserManagementMobile'
import UserManagementSystem from './UserManagementSystem'

export default {
  components: {
    UserManagementMobile,
    UserManagementSystem
  },
  data() {
    return {
      activeTab: 'mobile'
    }
  },
  methods: {
    handleTabClick(tab) {
      console.log(tab.name)
    }
  }
}
</script>

<style scoped>
.el-tabs {
  margin-left: 20px;
}
</style>
